<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/wings.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8">
  <title>A place for myself</title>
</head>

<body>
  <main class="container-fluid p-0">
    <div class="img-box" style="margin:0 0 5px 0;">
      <img src="img/bg.jpg" id="bg" class="ocapity_img html-bg">
      <section class="hero__content align-self-center">
        <nav class="navbar navbar-default nav_form d-none d-md-block" role="navigation">
          <div class="container-fluid">
            <div class="navbar-header">
              <a class="navbar-brand text-warning" style="font-size: 30px;  margin-right:50px;"
                href="web/Blogs.html">Blogs</a>
              <a class="navbar-brand text-warning" style="font-size: 30px;" href="web/Calendar.html">Calendar</a>
            </div>
            <div>
              <a class="navbar-brand text-warning" style="margin-right:50px; font-size:30px;" href="web/Friend.html">Friends</a>
              <a class="navbar-brand text-warning" style="font-size: 30px;" href="web/Contact.html">Contact</a>
            </div>
          </div>
        </nav>
        <h1 class="text-center head_page">
          A Place For You To Stay And Rest<br>
        </h1>
        <div class="center-me">
          <botton onmouseover="hover1()" onmouseout="nohover1()" class="btn1  scale-1-3">
            <a class="navbar-brand" href="web/Blogs.html">
              <h1 class="text-center head_btn">View More</h1>
            </a>
          </botton>
        </div>
        <div>
          <h2 class="head2_page text-center text-white-50 d-none d-md-block">
            <small>There's a rhythm in rush these days<br>
              匆忙繁杂的日子里心中总有一抹旋律<br>
              Where the lights don't move and the colors don't<br>
              悄悄倾诉着远方有个永昼的缤纷天地
            </small>
          </h2>
        </div>
      </section>
    </div>
  </main>
  <script src="../js/jquery-3.4.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/wings.js"></script>
</body>

</html>